<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<!--div块级元素，每一个div都会自动换行-->
<!--块级元素自动换行  内联元素在一行-->
<div class="top" id="aa">
    <!--公司logo-->
    <!--快捷键  使代码自动对齐  ctrl+shift+f-->
    <!--    为了让公司logo这块居中，必须定义这块的宽度-->
    <div class="logo">
        <!--        leftDiv第一个div居左 第二个div居右rightDiv-->
        <div class="leftDiv">
            <img src="${topModel.img}"/>
        </div>
        <div class="rightDiv">
            <div class="leftDiv">
                <img src="../img/phone.png" height="30" width="30"/>
            </div>
            <!--            字体编程白色-->
            <div class="rightDivFont leftDiv">${topModel.phone}

            </div>
        </div>

        <div>
        </div>
    </div>
    <!--这是导航-->
    <div class="navBanner">
        <div class="nav">
            <ul class="nav-ul">
                <c:forEach items="${list}" var="ba">
                    <a href="${ba.href}">
                        <li>${ba.nav}</li>
                    </a>
                </c:forEach>
            </ul>
        </div>
    </div>
    <!--这是广告-->
    <div class="ad">
        <div class="adContent">
            ${topModel.ad}
        </div>
    </div>
</div>
</body>
</html>
